import {Link} from 'umi';
import {Menu, Layout} from 'antd';


const {Header, Footer, Sider, Content} = Layout;

export default function BasicLayout({children}) {


  return (
    <Layout className="layout">
      <Header>
        <div className="logo"/>
        <Menu theme="dark" mode="horizontal" defaultSelectedKeys={['1']}>
          <Menu.Item key="index">
            <Link to="/">To Index</Link>
          </Menu.Item>
          <Menu.Item key="list">
            <Link to="/employee">To List</Link>
          </Menu.Item>
          <Menu.Item key="employee">
            <Link to="/employee/:id">To Employee</Link>
          </Menu.Item>
        </Menu>
      </Header>
      <Content style={{padding: '0 50px'}}>
        <div className="site-layout-content">{children}</div>
      </Content>
      <Footer style={{textAlign: 'center'}}>
      </Footer>
    </Layout>
  );
}
